/* $Id: _queries.scss 294 2012-11-30 03:22:18Z bobcat $ */
@media (min-width: 30em) {
  .access-account > form > table {

    &.ucErrorMessageBorder {
      & > tbody > tr > td > table {
        width: 100%;
      }
    }

    & > tbody > tr > td {
      &:nth-child(3n+1) {
        @include columnize(2, .5%, .5%, 1);
      }

      &:last-child {
        width: 100%;
      }
    }
  }
}

@media (min-width: 40em) {
  .access-account > form > table > tbody > tr > td {
    &:nth-child(3n+1) {
      width: 100%;
    }
  }
}

@media (min-width: 55em) {
  .access-account > form > table > tbody > tr > td {
    &:nth-child(3n+1) {
      @include columnize(2, .5%, .5%, 0);
    }

    &:last-child {
      width: 100%;
    }
  }
}

@media (min-width: 65em) {
  .forgot-password, .account-change-password {
    form {
      width: 70%;
    }
  }
}

@media (min-width: 80em) {
  #center-col {
    &.review .ucErrorMessageBorder {
      width: 100%;
    }

    & .ucErrorMessageBorder {
      width: 60%;
    }
  }

  .shipping, .options {
    & > form > table > tbody > tr > td > table {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
    }
  }

  .shipping {
    .ucContinueButton {
      position: relative;
      right: 20%;
    }
  }
}

@media (min-width: 80em) {
  .access-account > form > table {
    & > tbody > tr > td:nth-child(3n+1) {
      @include columnize(3, .5%, .5%, 0);
    }

    &.ucErrorMessageBorder > tbody > tr > td {
      width: 100%;
    }
  }
}